Widget lifescycle 
Sudah membuat project baru bebas beri nama apa 
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Flutter Demo Home Page 


main() { 
runApp( 
} 


@override 
build( 
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Disni masih code bawan flutter 
Buat code dari awal 

Buat 

Void main(){ 

runApp myApp 

stl myApp 

return materialApp 

home buat widget homepage 
stl homepage 

retrn scaffold appbar title lifescyle 
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r(key: key); 


@override 
Widget build(Bui itext context) { 
return Scaf 
appBar: 
title 
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Lalu buat body kasih center saja 
Akan membahas state widget 


Intinya hanya menrender satu kali 
Ketika ada perubahan data ada perubahan state dia tidak akan pernah menrender 


ulang 
Walaupun dia ada perubahan data 


Contoh 
Int counter= ]; 
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int counter 

@override 

Widget build( 
return Scaf 

appBar: 
title 
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body: 

); 


© READMEmd 


OUTLINE 
TIMELINE 
DEPENDENCIES 


AGE NA am 


02:52 
IN) Ke Kae SSM 


Center buat childnya tambah elevatedButtton 
Onpresed dijalan kan counter += 1; 
Lalu child nya text 
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MM dart too 
int counter 


@override 


it 
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3utton( 


onPressed: () { 
counter += 1; 


ul 
child: Text( 
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Elevatedbutton bungkus dgn column 


MainAxiscolumn center 
Tingal bungus text counter.tostring kasih style 
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appBar: 
title 
), 
body: Cer 
child 
mainAxisAlignment: MainA 
children: [ 
Text( 
counter .toString(), 


Alignment.center, 


style: Tex yle(fontSize: 30), 


le »dButton( 
onPressed: () { 
counter += 1; 
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Ini awal nya 1 
Ini ketika diklik sekalian di print counter nya 


Jika diklik maka print nya berubah tapi dilayar belum berubah 


Stateless widget hanya dijalankan satu x tidak lebih maknya tidak ada perubahan 


data 

Jika ingin ada perubahan layar atau menrender ulang caranya 
Yg namanya homepage ubah menjadi convert stf 

Tingal kasih setState maka dia akan menrender semua widget 
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MM datt mainAxisAlignment: MainAxisAlignment.center, 
children: [ 
Text ( 
counter.toString(), 
style: TextStyle(fontSize: 30), 


tton( 
onPressed: () ( 
setState(() {}); 
counter += 1; 
print(counter); 
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Disni coba coba diprint ketika render ulang maka dia akan print 
Misalkan sperti ini 
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State<Home 


} 


class _HomePage 


st 
int counter = 1; 


@override 
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Hapus debug nya 
A 12. Widget Lifecycle.mp4 - VLC media player — x 


Media Playback Audio Video Subtitle Tools View Help 


Dogo 


> createState() => 


dart counter = 1; 
override 
build( 
print( 
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title: 
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Jalankan semua layar home page maka diakan menreder lagi 

Padahal yg ingin teganti hanya counter saja tapi semua terganti 

Maka akan memakan banyak memory kita hanya mengantikan data yg diubah 
Berikut nya akan membahas function 

Initstate 

Didalam stateFull ada initState 

Function initState menjadalan sekali ketika widget itu dibuat 

Buat disni 
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te< > createState() => Home 


class _Home te extends State<HomePage> { 


int counter = 1; 


@override 
void initState() { 


super.initState(); 
} 


@override 
Widget build(BuildContext context) { 
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Misalkan kita coba print 
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@override 
State<Hom > createState() => _HomePa 


} 


ib class _HomePage ate 


st 
& main.dart int counter = 1; 


@override 
void initState() { 


print( 
super.initState(); 
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@override 
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Kita restart 

Maka init dijalankan sekali 

Ketika diklik lagi maka tidak ada yg ada print sebelumnya 

Biasa nya init state ini untuk mendefinisikan 

Sebuah state diawal berapa kemudian pokonya mislkan 

Widget dijalankan dia akan men get http reguest kegunakan nya 

Digunakan diawal ketika widget itu dibuat 


Maka initState dijalankan sekali ketika widget itu dibuat 


myApp StatelessWidget { 
nyApp(4Key? key!) : (key: key): 


@override 

Widget build(BuildContext context) 4 
MaterialApp( 

home: hom yel), 

); 

} 

} 


homePage StatefulWidget { 
age({Key? key}) : (key: key); 


@override 
State<homePage> 


} 


_homePageState State<homePage> { 
int tambah = 1; 


@override 


te() { 


} 


@override 
Widget build(BuildContext context) { 
Scaffold( 
appBar: AppBar( 
title: Text( 
yg 
body: Center( 
child: Column( 
mainAxisAlignment: MainAxisAlignment.center, 
children: [ 
Text( 
tambah. ring(), 
style: TextStyle(fontSize: 30), 
De 
ElevatedButton( 
onPressed: () { 
setState(() { 
tambah += 1; 
+; 
t(tambah): 
de 


child: Text( 


